<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_271030_vz6z1xiclr82gldi.css"/>
		<style type="text/css">
			table {width:100%;}
			table th,table td {text-align: left;}
		</style>
	</head>
	<body>
		<button type="button" onclick="submitParm()">提交</button>
		<table id="table" data-order="1">
			<thead>
				<tr>
					<th data-sort-order='yes'  data-sort-rule="0" data-sort-field='id' data-sort-type="number">序号</th>
					<th>姓名</th>
					<th data-sort-rule="2" data-sort-order='yes' data-sort-field='age'  data-sort-type="number">年龄</th>
					<th data-sort-rule="0" data-sort-order='yes' data-sort-field='birthday'>出生年月</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>1</td>
					<td>张三</td>
					<td>113</td>
					<td>2005-12-20</td>
					<td><button type="button" onclick="buttontest('1')">测试按钮</button></td>
				</tr>
				<tr>
					<td>110</td>
					<td>李四</td>
					<td>14</td>
					<td>2003-01-10</td>
					<td><button type="button" onclick="buttontest('2')">测试按钮</button></td>
				</tr>
				<tr>
					<td>111</td>
					<td>王五</td>
					<td>10</td>
					<td>2007-10-15</td>
					<td><button type="button" onclick="buttontest('3')">测试按钮</button></td>
				</tr>
				<tr>
					<td>4</td>
					<td>王二</td>
					<td>10</td>
					<td>2007-10-15</td>
					<td><button type="button" onclick="buttontest('4')">测试按钮</button></td>
				</tr>
				<tr>
					<td>5</td>
					<td>王二小</td>
					<td>16</td>
					<td>2001-03-15</td>
					<td><button type="button" onclick="buttontest('5')">测试按钮</button></td>
				</tr>
				<tr>
					<td>6</td>
					<td>1笑</td>
					<td>10</td>
					<td>2007-10-15</td>
					<td><button type="button" onclick="buttontest('6')">测试按钮</button></td>
				</tr>
			</tbody>
		</table>
		
		<script src="../jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../tableInit/tableInit.js" ></script>
		<script src="maxTableSort.js"></script>
		<script>
			
			
			
			maxTableSort_InitParm({
				class_common: 'iconfont',
				class_default: 'icon-sort',
				class_asc:'icon-sort-asc',
				class_desc:'icon-sort-desc',
				sort_server: false,
				callback: function(order, field){
					console.log(order,field);
					// window.location.reload()
				}
			})
			
			new MaxTableSort({
				table:$('#table')
			})
			
			/*MaxTable_initParm({
				class_common: 'iconfont',
				class_default: 'icon-sort',
				class_asc:'icon-sort-asc',
				class_desc:'icon-sort-desc',
				sort_server: false
			})
			new MaxTable($('#table'));*/
			
			
			
			
		</script>
	</body>
</html>
